<!--
 * @Author: zcy
 * @Date: 2025-02-17 10:20:28
 * @LastEditTime: 2025-02-17 10:57:41
 * @LastEditors: zcy
 * @FilePath: \my-vue-app\src\components\HelloWorld.vue
 * @Description: 
-->
<script setup>
import { reactive, ref } from "vue";
import database from "../database/pokemon_data1.json";
defineProps({
  msg: String,
});

const count = ref(0);
let sizeForm = reactive({
  name: "",
});
const questions = reactive([
  {
    text: "Q1. 遇到突发危机的第一反应？",
    options: [
      { text: "A) 调取应急预案文档", value: "秩序守护者", val: 0 },
      { text: "B) 呼叫支援组成联盟", value: "群落共生者", val: 1 },
      { text: "C) 直接正面突破险境", value: "孤高挑战者", val: 2 },
      { text: "D) 用非常规手段破局", value: "规则破坏者", val: 3 },
    ],
  },
  {
    text: "Q2. 团队合作中你常被评价为？",
    options: [
      { text: "A) 善于调和矛盾的气氛组", value: "协调者", val: 0 },
      { text: "B) 能精准预测风险的智囊", value: "分析者", val: 1 },
      { text: "C) 带领大家冲刺的领队", value: "领导者", val: 2 },
      { text: "D) 提出疯狂创意的鬼才", value: "革新者", val: 3 },
    ],
  },
  {
    text: "Q3. 做决策时更依赖?",
    options: [
      { text: "A) 数据图表与概率计算", value: "客观分析", val: 0 },
      { text: "B) 亲友的实际经验建议", value: "群体智慧", val: 1 },
      { text: "C) 直觉与瞬间灵感闪现", value: "内在感知", val: 2 },
      { text: "D) 道德准则与价值判断", value: "主观原则", val: 3 },
    ],
  },
  {
    text: "Q1. 最吸引你的视觉元素是?",
    options: [
      { text: "A) 精密机械的结构美", value: "工业美学", val: 0 },
      { text: "B) 自然生态的和谐感", value: "生命美学", val: 1 },
      { text: "C) 抽象艺术的情绪张力", value: "概念美学", val: 2 },
      { text: "D) 复古文化的厚重感", value: "人文美学", val: 3 },
    ],
  },
  {
    text: "Q1. 遇到突发危机的第一反应？",
    options: [
      { text: "A) 调取应急预案文档", value: "秩序守护者", val: 0 },
      { text: "B) 呼叫支援组成联盟", value: "群落共生者", val: 1 },
      { text: "C) 直接正面突破险境", value: "孤高挑战者", val: 2 },
      { text: "D) 用非常规手段破局", value: "规则破坏者", val: 3 },
    ],
  },
  // 其他题目结构类似，此处省略以节省篇幅
]);
</script>

<template>
  <div class="card">
    <el-form
      style="width: 1000px"
      :model="sizeForm"
      :label-position="'top'"
      :size="size"
    >
      <el-form-item label="Activity name">
        <el-radio-group v-model="radio">
          <el-radio :value="3">Option A</el-radio>
          <el-radio :value="6">Option B</el-radio>
          <el-radio :value="9">Option C</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">Create</el-button>
        <el-button>Cancel</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>
